.choice-token {
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  font-size: 13px;
  margin: auto;
  width: fit-content;
}
.choice-token.yellow-light {
  background-color: #ffeab6;
}
.choice-token.tea-light {
  background-color: #c2f5e9;
}

.text-sm {
  font-size: 12px;
  line-height: 17px;
}
.text-df {
  font-size: 14px;
  line-height: 18px;
}
.text-lg {
  font-size: 15px;
  line-height: 20px;
}
.text-xl {
  font-size: 17px;
  line-height: 24px;
}
.text-sm-para {
  font-size: 11px;
  line-height: 16px;
}
.text-df-para {
  font-size: 13px;
  line-height: 20px;
}
.text-lg-para {
  font-size: 15px;
  line-height: 22px;
}
.text-xl-para {
  font-size: 17px;
  line-height: 26px;
}

.heading-xxl {
  font-weight: 800;
  font-size: 35px;
  line-height: 44px;
}
.heading-lg {
  font-weight: 600;
  font-size: 27px;
  line-height: 34px;
}
.heading-df {
  font-weight: 600;
  font-size: 21px;
  line-height: 26px;
}
.heading-sm {
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
}
.heading-xs {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
}

label {
  font-size: 13px;
  font-weight: 600;
  font-style: normal !important;
  line-height: 16px;
}

.err-message {
  font-size: 0.75rem;
  color: var(--bs-danger, #ff0000);
  display: none;
}

.action-more::after {
  content: none;
}

.color-swatch-picker {
  display: flex;
  overflow: auto;
}
.color-swatch-picker .color-swatch {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  border: 2px solid #e8e8e8;
  margin-right: 0.5rem;
  text-align: center;
}
.color-swatch-picker .color-swatch i {
  display: none;
}
.color-swatch-picker .color-swatch.picked i {
  display: unset;
  color: #fff;
}

.color-black {
  color: #0f0f0f;
}
.color-light {
  color: #757575 !important;
}
.color-light-gray-1 {
  color: #fafafa;
}
.color-light-gray-2 {
  color: #f2f2f2;
}
.color-light-gray-3 {
  color: #e8e8e8;
}
.color-light-gray-4 {
  color: #e0e0e0;
}
.color-light-gray-5 {
  color: #d1d1d1;
}
.color-dark {
  color: #333333;
}
.color-dark-gray-1 {
  color: #292929;
}
.color-dark-gray-2 {
  color: #424242;
}
.color-dark-gray-3 {
  color: #5c5c5c;
}

.bg-color-black {
  background-color: #0f0f0f;
}
.bg-color-light {
  background-color: #757575;
}
.bg-color-light-gray-1 {
  background-color: #fafafa;
}
.bg-color-light-gray-2 {
  background-color: #f2f2f2;
}
.bg-color-light-gray-3 {
  background-color: #e8e8e8;
}
.bg-color-light-gray-4 {
  background-color: #e0e0e0;
}
.bg-color-light-gray-5 {
  background-color: #d1d1d1;
}
.bg-color-dark {
  background-color: #333333;
}
.bg-color-dark-gray-1 {
  background-color: #292929;
}
.bg-color-dark-gray-2 {
  background-color: #424242;
}
.bg-color-dark-gray-3 {
  background-color: #5c5c5c;
}

.border-color-black {
  border-color: #0f0f0f !important;
}
.border-color-light {
  border-color: #757575 !important;
}
.border-color-light-gray-1 {
  border-color: #fafafa !important;
}
.border-color-light-gray-2 {
  border-color: #f2f2f2 !important;
}
.border-color-light-gray-3 {
  border-color: #e8e8e8 !important;
}
.border-color-light-gray-4 {
  border-color: #e0e0e0 !important;
}
.border-color-light-gray-5 {
  border-color: #d1d1d1 !important;
}
.border-color-dark {
  border-color: #333333 !important;
}
.border-color-dark-gray-1 {
  border-color: #292929 !important;
}
.border-color-dark-gray-2 {
  border-color: #424242 !important;
}
.border-color-dark-gray-3 {
  border-color: #5c5c5c !important;
}

/*# sourceMappingURL=aloha_default_kit.css.map */